<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <title>Document</title>
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/animate.css">
    <link rel="stylesheet" href="../css/bootstrap.css">
    <link rel="stylesheet" href="../css/e_student.css">
    <link rel="stylesheet" href="../font_2275926_3f41vmxvw0m/iconfont.css">
</head>

<body>
    <div class="e_w">
        <div class="">
            <div class="">
                <div class="total">学生一览</div>
                <div class="total2">
                    <div class="area">
                        <div class="select">
                            <span>请选择:</span>
                            <span>*市：</span>
                            <select class="form-control" id="chose1" onchange="change1()"></select>
                            <span>*学校：</span>
                            <select class="form-control" id="chose2"></select>
                        </div>
                    </div>

                    <div class="checkA">
                        <table class="table table-hover">
                            <thead>
                                <tr>
                                    <td><input type="checkbox" class="checkAll"></td>
                                    <td>学号</td>
                                    <td>学生姓名</td>
                                    <td>性别</td>
                                    <td>班级</td>
                                    <td>状态</td>
                                    <td>联系电话</td>
                                    <td>学校序号</td>
                                    <td>出生日期</td>
                                    <td>操作</td>
                                </tr>
                            </thead>
                            <tbody id="tbstu">

                            </tbody>
                        </table>
                        <div id="divPage"></div>
                    </div>
                    <!-----------提示删除学生信息模态框-------------------------------->
                    <div class="modal fade" id="myModal">
                        <div class="modal-dialog">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                                    <h4 class="modal-title">确认删除此学生信息吗</h4>
                                </div>
                                <div class="modal-body">
                                    <p>请选择：是/否</p>
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-default delYes" data-dismiss="modal">是</button>
                                    <button type="button" class="btn btn-primary adNO" data-dismiss="modal">否</button>
                                </div>
                            </div>
                            <!-- /.modal-content -->
                        </div>
                        <!-- /.modal-dialog -->
                    </div>
                    <!-- /.modal -->

                    <!--查询学生信息模态框--------------------------------------------------------------------------------------->
                    <!-- Modal -->
                    <div class="modal fade ck" id="myModal1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                        <div class="modal-dialog ">
                            <div class="modal-content ">
                                <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                                    <h4 class="modal-title" id="myModalLabel">查看学生信息</h4>
                                </div>
                                <div class="modal-body">
                                    <table id="showStudent">
                                        <tr>
                                            <td>学&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;号：</td>
                                            <td class="viewXueHao"></td>
                                            <td>姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名：</td>
                                            <td class="viewName"></td>
                                        </tr>
                                        <tr>
                                            <td>性&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;别：</td>
                                            <td class="viewSex"></td>
                                            <td>班&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;级：</td>
                                            <td class="viewClasses"></td>
                                        </tr>
                                        <tr>
                                            <td>会员状态：</td>
                                            <td class="viewMember"></td>
                                            <td>电话号码：</td>
                                            <td class="viewPhone"></td>
                                        </tr>
                                        <tr>
                                            <td>学校编号：</td>
                                            <td class="viewXiaoHao"></td>
                                            <td>出生日期：</td>
                                            <td class="viewBorn"></td>
                                        </tr>
                                        <tr>
                                            <td>家庭地址：</td>
                                            <td class="viewAddress"></td>
                                            <td>父&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;亲：</td>
                                            <td class="viewFather"></td>
                                        </tr>
                                        <tr>
                                            <td>父亲电话：</td>
                                            <td class="viewFatherTel"></td>
                                            <td>母&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;亲：</td>
                                            <td class="viewMother"></td>
                                        </tr>
                                        <tr>
                                            <td>母亲电话：</td>
                                            <td class="viewMotherTel"></td>
                                            <td>备&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;注：</td>
                                            <td colspan="4" class="viewBeiZhu"></td>
                                        </tr>

                                    </table>
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>

                                </div>
                            </div>
                        </div>
                    </div>

                    <!--修改的模态框--------------------------------------->
                    <!-- Modal -->
                    <div class="modal fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                        <div class="modal-dialog">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                                    <h4 class="modal-title" id="myModalLabel2">修改学生信息</h4>
                                </div>
                                <div class="modal-body">
                                    <form action="" id="rewriteForm">
                                        <table class="reTable">
                                            <tr>
                                                <td>学&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;号：</td>
                                                <td><input type="text" class="adXueHao"></td>
                                                <td>姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名：</td>
                                                <td><input type="text" class="adName"></td>
                                            </tr>
                                            <tr>
                                                <td>性&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;别：</td>
                                                <td>
                                                    <select name="">
                                                    <option value="nan" name="sex" class="male" >男</option>
                                                    <option value="nv"  name="sex" class="male">女</option>
                                                </select>
                                                </td>
                                                <td>班&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;级：</td>
                                                <td><input type="text" class="adClasses"></td>
                                            </tr>
                                            <tr>
                                                <td>会员状态：</td>
                                                <td>
                                                    <select name="" id="rewritemember">
                                                    <option value="member" name="state" class="AdMember">会员</option>
                                                    <option value="noMember" name="state" class="AdMember">非会员</option>
                                                </select>
                                                </td>
                                                <td>电话号码：</td>
                                                <td><input type="text" class="adPhone"></td>
                                            </tr>
                                            <tr>
                                                <td>学校编号：</td>
                                                <td><input type="text" class="adXiaoHao"></td>
                                                <td>出生日期：</td>
                                                <td><input type="date" class="adBorn"></td>
                                            </tr>
                                            <tr>
                                                <td>家庭地址：</td>
                                                <td><input type="text" class="adAddress"></td>
                                                <td>父&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;亲：</td>
                                                <td><input type="text" class="adFather"></td>
                                            </tr>
                                            <tr>
                                                <td>父亲电话：</td>
                                                <td><input type="text" class="adFatherTel"></td>
                                                <td>母&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;亲：</td>
                                                <td><input type="text" class="adMother"></td>
                                            </tr>
                                            <tr>
                                                <td>母亲电话：</td>
                                                <td><input type="text" class="addMotherTel"></td>
                                                <td>备&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;注：</td>
                                                <td colspan="4">
                                                    <textarea class="adBeiZhu" cols="30"></textarea>
                                                </td>
                                            </tr>
                                        </table>
                                    </form>
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-default" data-dismiss="modal" id="btnOk">确定</button>
                                    <button type="button" class="btn btn-primary adNo" id="btnNo" data-dismiss="modal">取消</button>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-------------------------------------添加的模态框------------------------------------------------------------------------------>
                    <!-- Button trigger modal -->
                    <button type="button" class="btn btn-info  adStu" data-toggle="modal" data-target="#myModal3">
                    添加学生
                </button>

                    <!-- Modal -->
                    <div class="modal fade" id="myModal3" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
                        <div class="modal-dialog" role="document">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                    <h4 class="modal-title" id="myModalLabel3">学生个人信息表</h4>
                                </div>
                                <div class="modal-body">
                                    <form action="" id="adForm">
                                        <table>
                                            <tr>
                                                <td>学&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;号：</td>
                                                <td><input type="text" class="addXueHao"></td>
                                                <td>姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名：</td>
                                                <td><input type="text" class="addName"></td>
                                            </tr>
                                            <tr>
                                                <td>性&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;别：</td>
                                                <td>
                                                    <select name="">
                                                    <option value="nan" name="sex" class="updateMale" >男</option>
                                                    <option value="nv"  name="sex" class="updateMale">女</option>
                                                </select>
                                                </td>
                                                <td>班&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;级：</td>
                                                <td><input type="text" class="addClasses"></td>
                                            </tr>
                                            <tr>
                                                <td>会员状态：</td>
                                                <td>
                                                    <select name="" id="member">
                                                    <option value="member" name="state" class="AddMember">会员</option>
                                                    <option value="noMember" name="state" class="AddMember">非会员</option>
                                                </select>
                                                </td>
                                                <td>电话号码：</td>
                                                <td><input type="text" class="addPhone"></td>
                                            </tr>
                                            <tr>
                                                <td>学校编号：</td>
                                                <td><input type="text" class="addXiaoHao"></td>
                                                <td>出生日期：</td>
                                                <td><input type="date" class="addBorn"></td>
                                            </tr>
                                            <tr>
                                                <td>家庭地址：</td>
                                                <td><input type="text" class="addAddress"></td>
                                                <td>父&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;亲：</td>
                                                <td><input type="text" class="addFather"></td>
                                            </tr>
                                            <tr>
                                                <td>父亲电话：</td>
                                                <td><input type="text" class="addFatherTel"></td>
                                                <td>母&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;亲：</td>
                                                <td><input type="text" class="addMother"></td>
                                            </tr>
                                            <tr>
                                                <td>母亲电话：</td>
                                                <td><input type="text" class="adddMotherTel"></td>
                                                <td>备&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;注：</td>
                                                <td colspan="4">
                                                    <textarea class="addBeiZhu" cols="30"></textarea>
                                                </td>
                                            </tr>
                                        </table>
                                    </form>
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-default adYes" data-dismiss="modal">确定</button>
                                    <button type="button" class="btn btn-primary adNO" data-dismiss="modal">取消</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="../js/jquery-3.5.1.js"></script>
    <script src="../js/bootstrap.js"></script>
    <script src="../js/e_student.js"></script>



</body>

</html>